

.findboard
{
	position:fixed;
	font-family:'微软雅黑';
	font-size:12px;
	font-weight:lighter;
	z-index:100;
	top:2%;
	left:8%;
	width:896px;
	height:597px;
	-moz-box-shadow: 0px 0px 15px #333;  
	-webkit-box-shadow: 0px 0px 15px #333;   
	box-shadow: 0px 0px 15px #333;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background:url('../img/loginpanel/bk_bottom.png') repeat;

}

/*------------------------------------------------------------------------------头部样式-------------------------------------------------------------------------------------------------*/
.findhead
{
	width:100%;
	height:61px;
	background:#0099CC;
	border-top-left-radius:2px;
	border-top-right-radius:2px;
	moz-border-radius-topright:2px;
	-moz-border-radius-topleft:2px;
	-webkit-border-top-left-radius:2px;
	-webkit-border-top-right-radius:2px;
	
}

.findhead .findbar
{
	width:100%;
	height:30px;
}

.findhead .findbar .findclose,.findhead .findbar .findtiny,.findhead .findbar .findrepair,.findhead .findbar .findfeedback
{
	float:right;
	width:30px;
	height:30px;
	margin:0px;
	padding:0px;
}
.findhead .findbar .findbarname
{
	float:left;
	height:30px;
	margin-top:6px;
	margin-left:8px;
	font-size:12px;
	color:white;
}
.findhead .findbar .findbarname img
{
	width:16px;
	height:16px;
	vertical-align:text-bottom;
	margin-right:4px;
}

.findhead .findbar .findclose
{
	background:url('../img/mainpanel/btn_close_normal.png')center no-repeat;
}
.findhead .findbar .findclose:hover
{
	background:url('../img/mainpanel/btn_close_highlight.png')center no-repeat;
}
.findhead .findbar .findtiny
{
	background:url('../img/mainpanel/btn_mini_normal.png')center no-repeat;
}
.findhead .findbar .findtiny:hover
{
	background:url('../img/mainpanel/btn_mini_highlight.png')center no-repeat;
}

.findhead .findpagetitle
{
	width:100%;
	height:31px;
	
}
.findhead .findpagetitle .titlecnt
{
	font-size:16px;
	color:white;
	margin:0 auto;
	
	width:480px;
	height:31px;
}
.findhead .findpagetitle .titlecnt div
{
	float:left;
	/*width:50px;
	margin:0 auto;*/

}
.findhead .findpagetitle .titlecnt .findtitletext
{
	width:60px;
	height:100%;
	text-align:center;
	cursor:default;
}
.findhead .findpagetitle .titlecnt .pagedown
{
	font-size:20px;
	font-weight:bolder;
	background:url("../img/mainpanel/main_tabctrl_arrow.png")center center no-repeat;
	background-size:contain;
}
.findhead .findpagetitle .titlecnt .sp
{
	margin:0 20px;
}
/*------------------------------------好友搜索条件--------------------------------*/
.findfriend .findcondition .conditioninput
{
	float:left;
	margin-top:20px;
	margin-left:16px;
	width:478px;
	height:62px;
	
}
.findfriend .findcondition .findmoreselect
{
	float:left;
	margin-top:20px;
	width:80px;
	height:62px;
	
	font-size:12px;
	font-weight:lighter;
	cursor:default;
}
.findfriend .findcondition .searchbtn
{
	float:left;
	margin:30px 10px 38px 14px;
	width:110px;
	height:40px;
	font-size:16px;
	text-align:center;
	color:white;
	line-height:40px;
	background:#0099CC;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:default;
}
.findfriend .findcondition .fastsearch
{
	float:left;
	margin-top:20px;
	width:180px;
	height:62px;
	cursor:default;
}


.findfriend .findcondition .conditioninput .keywordstr
{
	/*------------------------------------------用于调节隐藏-----------------------------------------------------*/
	/*display:block;*/
	width:476px;
	height:27px;
	line-height:27px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid #0099FF;
	text-indent:4px;
	font-size:13px;
	font-family:"微软雅黑";
	outline:none;
	color:#999;
}
.findfriend .findcondition .conditioninput .keywordstr:hover
{
	-moz-box-shadow: 0px 0px 1px #0099FF;  
	-webkit-box-shadow: 0px 0px 1px #0099FF;   
	box-shadow: 0px 0px 1px #0099FF;
}

.findfriend .findcondition .conditioninput .keywordstr:focus
{
	color:black;
	-moz-box-shadow: 0px 0px 1px #0099FF;  
	-webkit-box-shadow: 0px 0px 1px #0099FF;   
	box-shadow: 0px 0px 1px #0099FF;
}

/*条件选择框综合样式*/
.findfriend .findcondition .conditioninput .cond_livetown,.findfriend .findcondition .conditioninput .cond_hometown,.findfriend .findcondition .conditioninput .cond_sex,.findfriend .findcondition .conditioninput .cond_age
{
	float:left;
	background:white;
	margin-top:8px;
	height:22px;
	line-height:22px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #CCC;
	position:relative;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor:default;
}
/*条件选择框下拉图标*/
.findfriend .findcondition .conditioninput .cond_sex:after,.findfriend .findcondition .conditioninput .cond_age:after,.findfriend .findcondition .conditioninput .cond_livetown:after,.findfriend .findcondition .conditioninput .cond_hometown:after
{
	content:"";
	width:7px;
	height:5px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
	display:block;
	position:absolute;
	top:8px;
	right:6px;
}
/*地区选择输入框*/
.findfriend .findcondition .conditioninput .cond_livetown input,.findfriend .findcondition .conditioninput .cond_hometown input
{
	width:100%;
	max-height:90%;
	line-height:20px;
	font-family:"微软雅黑";
	border:none;
	outline:none;
	text-indent:3px;
	cursor:default;
}
/*条件选择框hover边框色*/
.findfriend .findcondition .conditioninput .cond_livetown:hover,.findfriend .findcondition .conditioninput .cond_hometown:hover,.findfriend .findcondition .conditioninput .cond_sex:hover,.findfriend .findcondition .conditioninput .cond_age:hover
{
	border-color:#0099CC;
}
/*条件选择框select样式*/
.findfriend .findcondition .conditioninput select,.findfriend .findcondition .conditioninput .selectbox .selectpart select
{
	font-size:12px;
	font-family:"微软雅黑";
	height:100%;
	width:100%;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-appearance: none; /*for chrome*/
	border:none;
}

/*所在地*/
.findfriend .findcondition .conditioninput .cond_livetown
{
	width:152px;
}

/*家乡*/
.findfriend .findcondition .conditioninput .cond_hometown
{
	margin-left:9px;
	width:152px;
}

/*性别*/
.findfriend .findcondition .conditioninput .cond_sex
{
	margin-left:9px;
	width:70px;
}


/*年龄*/
.findfriend .findcondition .conditioninput .cond_age
{
	margin-left:8px;
	width:70px;
}


/*选择盒子*/
.findfriend .findcondition .conditioninput .selectbox
{
	display:none;
	position:absolute;
	z-index:120;
	background:white;
	top:146px;
	
	width:325px;
	height:68px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #0099CC;
}

/*选择盒子内选框*/
.findfriend .findcondition .conditioninput .selectbox .selectpart
{
	float:left;
	margin:3px 5px;
	width:150px;
	height:26px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:1px solid #CCC;
	position:relative;
}
.findfriend .findcondition .conditioninput .selectbox .selectpart:hover
{
	border:1px solid #0066CC;
	-moz-box-shadow: 0px 0px 1px #0099FF;  
	-webkit-box-shadow: 0px 0px 1px #0099FF;   
	box-shadow: 0px 0px 1px #0099FF;
}
.findfriend .findcondition .conditioninput .selectbox .selectpart:after
{
	content:"";
	width:7px;
	height:5px;
	background:url(../img/chatframe/aio_littletoolbar_arrow_hover.png) center center no-repeat;
	display:block;
	position:absolute;
	top:11px;
	right:6px;
}

.findfriend .findcondition .conditioninput .livetown_box
{
	left:28px;
}

.findfriend .findcondition .conditioninput .hometown_box
{

	left:198px;
}





/*点选条目*/
.findfriend .findcondition .findmoreselect .find_checkboxlist
{
	width:60px;
	height:20px;
	margin:9px 10px;
	
}
.findfriend .findcondition .findmoreselect .find_checkboxlist .find_checkbox
{
	float:left;
	border:none;
	margin-right:4px;
	width:17px;
	height:17px;
	background:url(../img/checkbutton/checkbox_normal.png)center center no-repeat;
}
.findfriend .findcondition .findmoreselect .find_checkboxlist:hover .find_checkbox
{
	background:url(../img/checkbutton/checkbox_hightlight.png)center center no-repeat;
}
.findfriend .findcondition .findmoreselect .find_checkboxlist .checked
{
	background:url(../img/checkbutton/checkbox_tick_normal.png)center center no-repeat;
}
.findfriend .findcondition .findmoreselect .find_checkboxlist:hover .checked
{
	background:url(../img/checkbutton/checkbox_tick_highlight.png)center center no-repeat;
}

.findfriend .findcondition .fastsearch div
{
	font-size:12px;
	color:#666;
	text-align:center;
	float:left;
	margin-right:8px;
	line-height:62px;
}




/*------------------------------------------------------------------------------------------初始推荐好友页------------------------------------------------------------------------------------------*/
.findfriend
{
	margin:0;
	padding:0;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}

.findfriend .findcondition
{
	width:100%;
	height:107px;
	border-bottom:1px solid #CCC;
}


/*--好友推荐板-*/
.findfriend .findfriendinit
{
	
}


/*推荐好友*/
.findfriend .findfriendinit .frdrecommend
{
	width:100%;
	height:205px;
	border-bottom:1px solid #CCC;
}

/*附近推荐好友*/
.findfriend .findfriendinit .frdnearby
{
	
	width:100%;
	height:222px;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
}
/*好友查找结果页*/
.findfriend .findfriendresult
{

	display:none;

}




.findfriend .findfriendinit .backuptips
{
	position:absolute;
	font-family:'微软雅黑';
	font-size:12px;
	bottom:5px;
	right:18px;
}
.findfriend .findfriendinit .backuptips:link,.findfriend .findfriendinit .backuptips:visited
{
	color:#999;
	 text-decoration:none;
}
.findfriend .findfriendinit .backuptips:hover,.findfriend .findfriendinit .backuptips:active
{
	color:#0099CC;
	 text-decoration:none;
}


/*-----------------------------------------设置推荐内容标题---------------------*/
.findfriend .findfriendinit .frdrecommend .frdrecommendtitle,.findfriend .findfriendinit .frdnearby .frdnearbytitle
{
	height:32px;
	line-height:32px;
	color:#333;
	margin-left:18px;
	font-size:14px;
}
.findfriend .findfriendinit .frdnearby .frdnearbytitle
{
	margin-top:12px;
}

/*设置滚动内容面板*/
.findfriend .findfrd_board
{
	width:100%;
	height:152px;
	position:relative;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}
.findfriend .findfriendinit .frdrecommend .frdrecommendcnt
{
	margin-top:8px;
}

.findfriend .findfriendinit .frdnearby .frdnearbycnt
{
	margin-top:11px;
}

/*左右翻页按钮*/
.findfrd_toleft,.findfrd_toright
{
	position:absolute;
	top:6px;
	width:15px;
	height:138px;
}

.findfrd_toright:hover,.findfrd_toleft:hover
{
	background:#99CCCC;
}
.findfrd_toleft
{
	left:0;

}
.findfrd_toright
{
	right:0;
}
/*滚动内容页设置*/
.findfriend .findfrd_page
{
	/*margin:0 15px;*/

	position:absolute;
	margin:0;
	padding:0;
	width:auto !important;
	min-width:100%;
	height:100%;
	overflow:hidden;
	top:0;
	left:0;
	


}

.frdrecommend .frdrecommendcntboard
{
	left:0px;
}

/*设置上下条框*/
.findfriend .findfrd_page li
{
	list-style:none;
	width:100%;
	height:50%;
	line-height:76px;
	margin:0;
	padding:0;
}

/*--------------------------搜索结果详细样式----------------------*/

.findfriend .findfriendresult
{
	width:100%;
	height:427px;
	cursor:default;
	background:white;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*工具栏设置*/
.findfriend .findfriendresult .findfriendresult_toolbar
{
	width:100%;
	height:33px;
	background:url(../img/ConfigCenter/texture1.png)repeat;
}


.findfriend .findfriendresult .findfriendresult_toolbar .findfriendresult_backbtn
{
	float:left;
	width:76px;
	height:100%;
	line-height:33px;
	color:#0066CC;
	font-size:13px;

}
.findfriend .findfriendresult .findfriendresult_toolbar .findfriendresult_backbtn .backbtnimg
{
	float:left;
	width:24px;
	height:24px;
	margin-left:20px;
	margin-top:4px;
	background:url()center center no-repeat;

}
.findfriend .findfriendresult .findfriendresult_toolbar .findfriendresult_backbtn .backbtnimg:hover
{
	
	background:url()center center no-repeat;
	background:#FFFFCC;
}
.findfriend .findfriendresult .findfriendresult_toolbar .findfriendresult_condition
{
	float:left;
	width:760px;
	padding-left:10px;
	height:100%;
	line-height:33px;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#666;
	word-spacing:8px;
	letter-spacing:0px;
}

/*搜索结果面板*/
.findfriend .findfriendresult .findfriendresult_board 
{
	width:100%;
	height:395px;
	position:relative;
	
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt
{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	-moz-border-radius-bottomright:2px;
	-moz-border-radius-bottomleft:2px;
	-webkit-border-bottom-left-radius:2px;
	-webkit-border-bottom-right-radius:2px;
	border-bottom-left-radius:2px;
	border-bottom-right-radius:2px;
	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}

.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page
{
	position:relative;
	width:100%;
	min-height:100%;
}

/*搜索结果内容页*/
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds
{
	width:100%;
	height:auto !important;
	min-height:100%;
}

/*没搜索结果提示*/
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error
{
	line-height:370px;
	text-align:center;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error img
{
	vertical-align:middle;
	margin-right:3px;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error a:link,.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error a:visited
{
	text-decoration:none;
	color:#0099FF;
}

.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error a:hover,.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_frds .findfriendresult_error a:active
{
	text-decoration:none;
	color:#0066CC;
}
/*翻页按钮*/
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage
{
	clear:both;
	width:100%;
	height:40px;
	color:#333;
	text-align:center;
	cursor:default;
	
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_selectpagecnt
{
/*--------------------------------------------------------------------------------此处需要判断宽度才能自动居中-------------------------------------------------------------*/
	float:left;
	height:26px;
	line-height:26px;
	margin-top:6px;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_selectpagecnt .findfriendresult_pagetab
{
	float:left;
	height:24px;
	border:1px solid #999;
	margin:0 10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_pagetab .pagenum
{
	float:left;
	width:24px;
	height:24px;
	text-align:center;	
	border-right:1px solid #999;
}

.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_pagetab .pagenum:last-child
{
	border:none;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_pagetab .pagenum:hover
{
	color:white;
	background:#0099FF;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_pagetab .selected
{
	color:white;
	background:#0099CC;
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_nextpage,.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_lastpage
{
	float:left;
	width:56px;
	height:24px;
	border:1px solid #999;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	
}
.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_nextpage:hover,.findfriend .findfriendresult .findfriendresult_board .findfriendresult_cnt .findfriendresult_page .findfriendresult_selectpage .findfriendresult_lastpage:hover
{
	background:#0099CC;
	color:white;
}







/*好友推荐卡*/

.othercard
{	
	width:198px;
	height:64px;
	

	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;

	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	cursor:default;
}
.frdinit
{
	display:inline-block;
	margin-left:24px;
	margin-top:6px;

}
.frdresult
{
	float:left;
	margin-left:20px;
	margin-right:0px;
	margin-top:18px;
	margin-bottom:6px;
}


.othercard .otherimg
{
	float:left;
	margin-right:10px;
	width:62px;
	height:62px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border:1px solid transparent;
}

.othercard .otherimg img
{
	width:100%;
	height:100%;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
}
.othercard .otherimg:hover
{
	border:1px solid #0066CC;
}

.othercard .otherinfo
{
	
	float:left;
	width:124px;
	height:62px;
	

	overflow: hidden;			
	text-overflow: ellipsis;
	white-space: nowrap;
}

.othercard .otherinfo .othernick
{
	width:100%;
	height:20px;
	line-height:18px;
	color:black;
	font-size:14px;
}
.othercard .otherinfo .othernick:hover
{
	color:#0066CC;
}
.othercard .otherinfo .otherplace
{
	width:100%;
	height:22px;
	line-height:22px;
	color:#666;
	font-size:12px;
	
}
.othercard .otherinfo .otherplace .othersex
{
	float:left;
	margin-top:3px;
	width:12px;
	height:14px;
}
.othercard .otherinfo .otherplace .male
{
	background:url(../img/finger/male_logo.png)center center no-repeat;
	background-size:100% 100%;
}
.othercard .otherinfo .otherplace .female
{
	background:url(../img/finger/female_logo.png)center center no-repeat;
	background-size:100% 100%;
}
.othercard .otherinfo .otherplace .othergps
{
	
}


.othercard .otherinfo .otherctrl
{
	width:100%;
	height:20px;
	color:white;
	font-size:12px;
}

.othercard .otherinfo .otherctrl .addthis
{
	float:left;
	width:52px;
	height:20px;
	line-height:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webit-border-radius:3px;
	background:#99CCFF;
}
.othercard .otherinfo .otherctrl .addthis .addbtnimg
{
	float:left;
	width:20px;
	height:20px;
	background:url(../img/finger/Finger_IM_Add_Normal.png)center center no-repeat;
	background-size:100% 100%;
}
.othercard .otherinfo .otherctrl .chatthis
{
	float:left;
	margin-left:4px;
	width:26px;
	height:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webit-border-radius:3px;
	background:#99CCFF;
}
.othercard .otherinfo .otherctrl .chatthis .chatthisimg
{
	width:20px;
	height:20px;
	margin:0 3px;
	background:url(../img/finger/Finger_IM_Greeting_Normal.png)center center no-repeat;
	background-size:100% 100%;
}
.othercard .otherinfo .otherctrl .addthis:hover,.othercard .otherinfo .otherctrl .chatthis:hover
{
	background:#0099CC;
}
/*------------------------------------------------------------------------------------------初始推荐好友页--完毕------------------------------------------------------------------------------------------*/








